<template>
  <div>系统管理</div>
  <Breacrub :count="res" :data="data" @myEvent="changeCount"></Breacrub>
</template>

<script lang='ts' setup>
// import { computed, watch, watchEffect } from "vue"
import { BData } from "@/types/homeInterface"

const count = ref<number>(10)
const data = ref<Array<BData>>([{ id: 1, title: "系统管理" }, { id: 2, title: "用户管理" }])

const res = computed(() => {
  return count.value * 2
})

const changeCount = (val:number) => {
  count.value = val
}




</script>

<style lang='scss' scoped></style>